<template>
  <div class="page-style">
    <warehousing-bill-btn :select-arr="selectArr" />
    <warehousing-bill-tab @selectedVal="selectedValFun" />
    <pagination :total="total" @pagination="pageChangeFun" />
  </div>
</template>

<script>
import warehousingBillBtn from './components/warehousing-bill/warehousing-bill-btn'
import warehousingBillTab from './components/warehousing-bill/warehousing-bill-tab'
import pagination from '@/components/Pagination'
export default {
  components: {
    pagination,
    warehousingBillBtn,
    warehousingBillTab
  },
  data() {
    return {
      total: 0,
      selectArr: []
    }
  },
  methods: {
    pageChangeFun(val) {
      console.log(val)
    },
    selectedValFun(val) {
      console.log(val)
      this.selectArr = val
    }
  }
}
</script>

<style lang="scss" scoped>
  .demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
</style>
